<%@page import="dbconnector.DBDriver,java.sql.*;" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  	<title>Announcement</title>
  	<meta name="description" content="announcement notification creation" />
  	<meta name="keywords" content="announcement, create, administrator" />
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />	

	<!-- stylesheets -->
  	<link rel="stylesheet" href="../announcement/css/style.css" type="text/css" media="screen" />
  	<link rel="stylesheet" href="../announcement/css/slide.css" type="text/css" media="screen" />

	<script src="../announcement/js/jquery-1.3.2.min.js" type="text/javascript"></script>
	<!-- Sliding effect -->
	<script src="../announcement/js/slide.js" type="text/javascript"></script>

        
        <!-- for date picker widget-->
        <link rel="stylesheet" href="./themes/base/jquery.ui.all.css" />
	<script src="./scripts/jquery-1.7.2.js"></script>
	<script src="./scripts/jquery.ui.core.js"></script>
	<script src="./scripts/jquery.ui.widget.js"></script>
	<script src="./scripts/jquery.effects.core.js"></script>
	<script src="./scripts/jquery.ui.datepicker.js"></script>
	
	<script>
	$(function() {
            	$( "#startdate" ).datepicker();
                $( "#startdate" ).datepicker( "option", "dateFormat", "yy-mm-dd" );
                $( "#startdate" ).datepicker( "option", "showAnim", "show" );
		$( "#enddate" ).datepicker();
		$( "#enddate" ).datepicker( "option", "dateFormat", "yy-mm-dd" );
		$( "#enddate" ).datepicker( "option", "showAnim", "show" );
		
	});
	</script>
</head>

<body>
<!-- Panel -->
<div id="toppanel">
	<div id="panel">
		<div class="content clearfix">
                                <div class="left right" >			
				<!-- Register Form -->
				
                                <form action="addtocoursebean" method="post">
				<table>
					<tr><td>course id:</td><td>  <input type="text" name="courseid" id="courseid"  /></td><td></td></tr>
                                        <tr><td>course description:</td><td> <textarea name="coursename" id="coursename"  ></textarea></td><td></td></tr>
					<tr><td>start date :</td><td>  <input type="text" name="startdate" id="startdate" readonly="readonly"  /></td><td></td></tr>
                                        <tr><td>end date :</td><td>  <input type="text" name="enddate" id="enddate" readonly="readonly" /></td><td></td></tr>
                                        <tr><td>fee :</td><td>  <input type="text" name="fee" id="fee"  /></td><td></td></tr>
                                        <tr><td>no. of faculty</td><td >  <input type="text" name="nooffaculty" id="nooffaculty"  /></td><td></td></tr>
					<tr><td>no. of exams</td><td>  <input type="text" name="noofexams" id="noofexams"  /></td><td></td></tr>
                                        
					
					
					<tr><td></td><td><input type="submit" name="submit" value="CREATE" class="bt_register" /></td><td></td></tr>
					</table>
				</form>
			</div>
		</div>
</div> <!-- /login -->	

	<!-- The tab on top -->	
	<div class="tab">
		<ul class="login">
			<li class="left">&nbsp;</li>
				<li id="toggle">
				<a id="open" class="open" href="#">ADD NEW</a>
				<a id="close" style="display: none;" class="close" href="#">Close Panel</a>			
			</li>
			<li class="right">&nbsp;</li>
		</ul> 
	</div> 
	
</div> 

<div style="display: block; margin-top:20px">
<h1 style="width:90%;">Courses</h1>
<div>
    <jsp:include page="showcourses.jsp" flush="false"></jsp:include>
    
</div>

</div>

    
</body>
</html>
